<div class="row">
	<div class="span12">
	
		<div class="page-header">
			<h1>List of users</h1>
		</div>
		<%- message %>
		<table class="table table-striped table-bordered table-hover">
			<thead>
				<tr>
					<th><i class="icon-user"></i>Name</th>
					<th><i class="icon-user"></i>Fist Name</th>
					<th><i class="icon-briefcase"></i>Login</th>
					<th><i class="icon-envelope"></i>Email</th>
					<th><i class="icon-wrench"></i>Actions</i>
				</tr>
			</thead>
			<tbody>
				<% users.forEach(function(user){ %>
				<% if (user.id === userId) { %>
					<tr class="warning">
				<% } else { %>
					<tr>
				<% } %>
					<td>
						<a href="/user/<%= user.id %>"><%= user.name %></a>
					</td>
					<td>
						<%= user.firstName %>
					</td>
					<td>
						<%= user.login %>
					</td>
					<td>
						<%= user.email %>
					</td>
					<td>
						<a href="user/<%- user.id %>/edit" title="Edit"><i class="icon-pencil"></i></a>
						<% if (user.id !== userId) { %>
							<a href="user/<%- user.id %>/delete" title="Trash"><i class="icon-trash"></i></a>
						<% } %>
					</td>
				</tr>
				<% }) %>
			</tbody>
		</table>
	</div>
</div>